<template>
  <BaseListLayout v-if="$pagination" />
  <div class="flex-center-wrapper" v-else-if="$frontmatter.styleClass == 'index'">
    <Content class="shadow-text" />
  </div>
  <Content :class="'page-' + $frontmatter.styleClass" v-else />
</template>
<script>
export default {
  mounted() {
    //   console.log('pagination ->',this.$pagination);
    //   console.log('site ->',this.$site);
    //   console.log('page ->',this.$page);
    //   console.log('frontmatter ->',this.$frontmatter);
    //   console.log('route.meta.pid ->',this.$route.meta.pid)
    //   console.log('route.meta.id ->',this.$route.meta.id)
  },
};
</script>
<style lang="stylus" scoped>
.flex-center-wrapper {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  text-align: center;
  height: $contentHeight;

  .shadow-text {
    text-shadow: 0.1rem 0.1rem 0.2rem rgb(0 0 0 / 15%);
    color: white;
    font-size: 24px;
  }
}
.content__default
  padding 20px
</style>